body {
	margin: 0px;
	padding: 0px;
}

.left {
	background: #313541;
	width: 20%;
	float: left;
	position: absolute;
	top: 0px;
	bottom: 0px;
}

.top {
	width: 80%;
	float: right;
	height: 100px;
	line-height: 100px;
	border-bottom: 1px solid #b0cdff;
}

.content {
	float: right;
	width: 80%;
	text-align: center;
}
.searchKey{
	width: 97%;
	margin: auto;
	margin-top: 20px;
}
.searchKey_del,.searchKey_inp{
	float: left;
	height: 100%;
}
.searchKey_del{
	text-align: left;
	width: 20%;
}
.searchKey_inp{
	width:80%;
	text-align: right;;
}
.content_body{
	width: 97%;
	margin: auto;
	margin-top:70px;
}
.leftTiyle {
	font-size: 25px;
	padding-left: 30px;
	font-weight: 600;
	color: #545454;
	float: left;
}

.thisUser {
	float: right;
	margin-right: 30px;
}

.bigTitle {
	background: #3d598a;
	color: #fff;
	height: 100px;
	line-height: 100px;
	text-align: center;
	font-size: 24px;
	font-family: -webkit-body;
}

.lines .active {
	background: #272a34;
	color: #fff;
}
.lines img{
    width: 23px;
    vertical-align: middle;
    margin-bottom: 4px;
    margin-right: 9px;
}
.lines div {
	height: 70px;
	line-height: 70px;
	padding-left: 50px;
	color: #707783;
}

.lines div:hover {
	cursor: pointer;
	color: #FFFFFF;
}
thead tr{
	font-weight:bold;
	background: rgb(242, 242, 242);
}
.del_u{
	color: rgb(169, 68, 66);
}
.himg{
	width: 50px;
	height: 50px;
}
.mask{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 100;
	background: rgba(0,0,0,0.2);
		display: none;
}
.mask_body{
	width:50%;
	height: 100%;
	background: #fff;
	margin: auto;
	box-shadow: 5px 5px 5px 5px #fff;
}
.buts{
	width: 100%;
	height: 50px;
	border-bottom: 1px dashed #999;
	text-align: center;
}
.buts button{
	margin-top: 1%;
}
.mask_title{
	width: 100%;
	text-align: center;
	font-size: 20px;
	line-height: 3;
	color: #777;
}
.mask_content{
	width: 90%;
	margin: auto;
	line-height: 2;
	color:#777;
	font-size: 15px;
}
.mask_img{
	text-align: center;
	margin-top: 10px;
}
.tongji{
	width: 100%;
	height: 200px;
}
.tongji div{
	float: left;
	width: 32%;
	height: 90%;
	background: #fff;
	margin-left: 10px;
	margin-top: 15px;
	line-height: 5;
}
.line2{
	width: 100%;
	height: 300px;
}
.line2 .classify-m,.classify-c{
	float: left;
	width: 48.5%;
	height: 100%;
	background: #fff;
	margin-left: 10px;
}
.classify-m{
	overflow-y:auto; overflow-x:auto;
}
.classify-m::-webkit-scrollbar {
  width: 4px;
}
.classify-m::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
}
.classify-m-t{	
	width: 100%;
	height: 30px;
	color: rgb(49, 53, 65);
	text-align: left;
}
.in_class{
	width: 60%;
	height: 30px;
	border:1px solid rgb(221, 221, 221);
	text-align: center;
}
.in_add{
	height: 30px;
	background: rgb(45, 107, 161);
	color:#fff;
	border:none;
	width: 60px;
}
.pageH{
	width: 100%;
	height: 30px;
	text-align: center;
}
.pageH button{
	width: 80px;
	height: 30px;
	background: #fff;
    border:1px solid #999;
}
.content_p{
	width: 60%;
	margin: auto;;
	margin-top: 15px;
}
.log_mask{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 5000;
	top:0;
	background: rgba(0,0,0,0.3);

display: none;
}
.log_mask_b{
	width: 50%;
	height: 90%;
	margin: auto;
	margin-top: 15px;
	background: #fff;
    
}
.line{
	width: 100%;
	height: 80px;

}
.line div{
	float: left;
}
.panel-body_title{
	width: 12%;
	height: 100%;

}
.panel-body_val{
	width: 86%;
	height: 100%;
	overflow-y:auto;
	 overflow-x:auto;

}
